<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>设备数据表</title>
		<link rel="stylesheet" href="/static/css/common.css">
		<link rel="stylesheet" href="/static/css/table.css">
		<script src="/static/js/jquery2.js"></script>
	</head>
	<body>
		<nav>
			<button id="enter" type="button" onclick="enter()">
				<img src="/static/image/菜单.png" alt="菜单" width="27px">
			</button>
	
			<div id="user" onmouseover="staff_show()">
				<img src="/static/image/用户.jpg" width="30px">
				<div style="display: none;">
					<ul>
						<li>用户名：</li>
						<li>电话号码：</li>
						<li>邮箱：</li>
					</ul>
				</div>
			</div>
			<button id="exit" type="button" onclick="exit()">退出</button>
			<div id="menu">
				<button id="leave" type="button" onclick="leave()">
					<img src="/static/image/离开.png" alt="离开" width="20px">
				</button>
				<ul>
					<li><a href="/chart">数据实时监测图</a></li>
					<li style="background-color: grey;"><a href="/excel?q=device">设备数据表</a></li>
					<li><a href="/excel?q=alarm">异常数据表</a></li>
					<li><a href="/excel?q=staff">人员名单</a></li>
				</ul>
			</div>
		</nav>
		<div id="mask"></div>
		<div id="container">
			<table>
				<caption>设备数据表</caption>
				<thead>
					<tr>
						<th>序号</th>
						<th>燃烧带温度</th>
						<th>熔融带温度</th>
						<th>上部温度</th>
						<th>下部温度</th>
						<th>冷风压</th>
						<th>热风压</th>
						<th>炉顶压</th>
						<th>产生时间</th>
					</tr>
				</thead>
				<tbody></tbody>
			</table>
		</div>
		<script type="application/javascript" src="/static/js/interact.js"></script>
		<script type="application/javascript" src="/static/js/excel_data.js"></script>
		<script>
			// 格式化日期，
			// 将 Sun Dec 01 2024 22:03:17 GMT+0800 (中国标准时间) 转换为 2020-01-13 16:00:00
			// 和alarm_excel.html的同名函数不同，这里不用做判断且只调用一次
			function format_date(){
				let dates = document.querySelectorAll("td:nth-of-type(9)");
				for (let i = 0; i < dates.length; i++){
					data = dates[i];
					let date = new Date(data.textContent);
					data.textContent = date.toLocaleString().replaceAll("/", "-");
				}
			}
			// 将上述操作整合
			function total(){
				format_date();
				per_show();  // 定义在interact.js文件中
				nav_show();  // 定义在interact.js文件中
			}
			setTimeout(total,500);  // 设置函数延迟执行，以防止数据还未送达就先一步执行
		</script>
	</body>
</html>
